home *** CD-ROM | disk | FTP | other *** search
/ PCGUIA 117 / PC Guia 117.iso / Software / Produtividade / Software2 / Product4 / Setup.exe / drupal-4.6.0 / misc / drupal.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-04-07  |  9.0 KB  |  555 lines
  1. /* $Id: drupal.css,v 1.101 2005/04/07 05:21:30 dries Exp $ */
  2.  
  3. /*
  4. ** HTML elements
  5. */
  6. fieldset {
  7.   margin-bottom: 1em;
  8.   padding: .5em;
  9. }
  10. form {
  11.   margin: 0;
  12.   padding: 0;
  13. }
  14. hr {
  15.   height: 1px;
  16.   border: 1px solid gray;
  17. }
  18. img {
  19.   border: 0;
  20. }
  21. table {
  22.   border-collapse: collapse;
  23. }
  24. th {
  25.   text-align: left;
  26.   padding-right: 1em;
  27.   border-bottom: 3px solid #ccc;
  28.   white-space: nowrap;
  29. }
  30. th.active img {
  31.   display: inline;
  32. }
  33. tr.dark, tr.light {
  34.   background-color: #eee;
  35.   border-bottom: 1px solid #ccc;
  36. }
  37. tr.dark, tr.light {
  38.   padding: 0.1em 0.6em;
  39. }
  40. td.active {
  41.   background-color: #ddd;
  42. }
  43.  
  44. /*
  45. ** Menu styles
  46. */
  47. .menu {
  48.   padding: 0 0 0 0.5em;
  49. }
  50. .menu ul {
  51.   list-style: none;
  52.   border: none;
  53.   text-align:left;
  54. }
  55. .menu li a {
  56.   width: 100%;
  57.   text-decoration: none;
  58. }
  59. li.expanded {
  60.   list-style-type: circle;
  61.   list-style-image: url(menu-expanded.png);
  62.   padding: 0.2em 0.5em 0 0;
  63.   margin: 0;
  64. }
  65. li.collapsed {
  66.   list-style-type: disc;
  67.   list-style-image: url(menu-collapsed.png);
  68.   padding: 0.2em 0.5em 0 0;
  69.   margin: 0;
  70. }
  71. li.leaf {
  72.   list-style-type: square;
  73.   list-style-image: url(menu-leaf.png);
  74.   padding: 0.2em 0.5em 0 0;
  75.   margin: 0;
  76. }
  77. li a.active {
  78.   color: #000;
  79. }
  80. td.menu-disabled {
  81.   background: #ccc;
  82. }
  83.  
  84. /*
  85. ** Other common styles
  86. */
  87. .breadcrumb {
  88.   padding-bottom: .5em
  89. }
  90. .block ul {
  91.   margin: 0;
  92.   padding: 0 0 0.25em 1em;
  93. }
  94. br.clear {
  95.   clear: both;
  96.   height: 0px;
  97. }
  98. .container-inline div {
  99.   display: inline;
  100. }
  101. .container-inline .form-submit {
  102.   margin: 0;
  103. }
  104. .error {
  105.   color: red;
  106. }
  107. .item-list .icon {
  108.   color: #555;
  109.   float: right;
  110.   padding-left: 0.25em;
  111.   clear: right;
  112. }
  113. .item-list .icon a {
  114.   color: #000;
  115.   text-decoration: none;
  116. }
  117. .item-list .icon a:hover {
  118.   color: #000;
  119.   text-decoration: none;
  120. }
  121. .item-list .title {
  122.   font-weight: bold;
  123. }
  124. .item-list ul {
  125.   margin: 0 0 0.75em 0;
  126.   padding: 0;
  127. }
  128. .item-list ul li {
  129.   margin: 0 0 0.25em 1.5em;
  130.   padding: 0;
  131.   list-style: disc;
  132. }
  133. .form-item {
  134.   margin-top: 1em;
  135.   margin-bottom: 1em;
  136. }
  137. tr.light .form-item, tr.dark .form-item {
  138.   margin-top: 0;
  139.   margin-bottom: 0;
  140.   white-space: nowrap;
  141. }
  142. .form-item input.error, .form-item textarea.error {
  143.   border: 2px solid red;
  144. }
  145. .form-item .description {
  146.   font-size: 0.85em;
  147. }
  148. .form-item label {
  149.   font-weight: bold;
  150. }
  151. .form-item label.option {
  152.   font-weight: normal;
  153. }
  154. .form-submit {
  155.   margin: 0.5em 0;
  156. }
  157. .marker, .form-required {
  158.   color: #f00;
  159. }
  160. .more-link {
  161.   text-align: right;
  162. }
  163. .node-form .form-text {
  164.   display: block;
  165.   width: 95%;
  166. }
  167. .node-form .standard {
  168.   clear: both;
  169. }
  170. .node-form textarea {
  171.   display: block;
  172.   width: 95%;
  173. }
  174. .node-form fieldset {
  175.   display: inline;
  176. }
  177. .node-form .admin .form-item .title {
  178.   margin-top: 0;
  179. }
  180. .node-form .admin .authored .form-item {
  181.   margin-bottom: 1.1em;
  182. }
  183. .node-form .admin .authored .form-text  {
  184.   width: auto;
  185. }
  186. .node-form .admin .authored, .node-form .admin .options, .node-form .admin .extra {
  187.   float: left;
  188.   margin-right: 2em;
  189.   margin-bottom: 1em;
  190. }
  191. .node-form .attachments fieldset {
  192.   float: none;
  193.   display: block;
  194. }
  195. .ok {
  196.   color: #080;
  197. }
  198. #pager {
  199.   clear: both;
  200.   text-align: center;
  201. }
  202. #pager div {
  203.   padding: 0.5em;
  204. }
  205. .path {
  206.   padding-bottom: 0.7em;
  207.   font-size: 1.1em;
  208. }
  209.  
  210. /*
  211. ** Module specific styles
  212. */
  213. #aggregator .feed img {
  214.   float: right;
  215. }
  216. #aggregator .news-item {
  217.   clear: both;
  218.   padding-bottom: 1em;
  219. }
  220. #aggregator .news-item .date {
  221.   float: left;
  222. }
  223. #aggregator .news-item .body {
  224.   margin-top: 1em;
  225.   margin-left: 4em;
  226. }
  227. #aggregator .news-item .body .feed {
  228.   font-size: 0.9em;
  229. }
  230. #aggregator .news-item .title {
  231.   float: left;
  232. }
  233. #aggregator .news-item .description {
  234.   clear: both;
  235. }
  236. #aggregator td {
  237.   vertical-align: bottom;
  238. }
  239. #aggregator td.categorize-item {
  240.   white-space: nowrap;
  241. }
  242. #aggregator .categorize-item .news-item .body {
  243.   margin-top: 0;
  244. }
  245. #aggregator .categorize-item h3 {
  246.   margin-bottom: 1em;
  247.   margin-top: 0;
  248. }
  249. .book {
  250.   margin: 1em 0 1em 0;
  251. }
  252. .book .title {
  253.   font-weight: bold;
  254.   font-size: 1.3em;
  255.   margin-bottom:1em;
  256. }
  257. .book .tree {
  258.   padding-top:1em;
  259.   border-top: 1px solid #888;
  260.   padding-bottom: 1em;
  261. }
  262. .book .name {
  263.   padding-top:1em;
  264.   font-weight: bold;
  265.   font-size: 1em;
  266. }
  267. .book .nav {
  268.   border-top: 1px solid #888;
  269.   border-bottom: 1px solid #888;
  270.   padding-bottom: 3em;
  271.   padding-top: 1em;
  272.   clear: both;
  273. }
  274. .book .nav .links {
  275.   clear: both;
  276. }
  277. .book .nav .titles {
  278.   clear: both;
  279. }
  280. .book .nav .prev {
  281.   float: left;
  282.   text-align: left;
  283.   width: 45%;
  284. }
  285. .book .nav .next {
  286.   float: right;
  287.   text-align: right;
  288.   width: 45%;
  289. }
  290. .book .nav .up {
  291.   text-align: center;
  292. }
  293. .calendar .row-week td a {
  294.   display: block;
  295. }
  296. .calendar .row-week td a:hover {
  297.   background-color: #888; color: #fff;
  298. }
  299. .calendar a {
  300.   text-decoration: none;
  301. }
  302. .calendar a:hover {
  303.   text-decoration: none;
  304. }
  305. .calendar table {
  306.   border-collapse: collapse;
  307.   width: 100%;
  308.   border: 1px solid #000;
  309. }
  310. .calendar td, .calendar th {
  311.   text-align: center;
  312.   border: 1px solid #000;
  313.   padding: 1px;
  314.   margin: 0;
  315.   font-size: 0.8em;
  316. }
  317. .calendar td.day-blank {
  318.   border: 0;
  319. }
  320. .tips {
  321.   margin-top: 0;
  322.   margin-bottom: 0;
  323.   padding-top: 0;
  324.   padding-bottom: 0;
  325.   font-size: 0.9em;
  326. }
  327. #forum .description {
  328.   font-size: 0.9em;
  329.   margin: 0.5em;
  330. }
  331. #forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
  332.   white-space: nowrap;
  333. }
  334. #forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager {
  335.   text-align: center;
  336. }
  337.  
  338. #node-admin-filter ul {
  339.   list-style-type: none;
  340.   padding: 0px;
  341.   margin: 0px;
  342.   width: 100%;
  343. }
  344. #node-admin-buttons {
  345.   float: left;
  346.   margin-left: 0.5em;
  347.   clear: right;
  348. }
  349. dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
  350.   font-family: inherit;
  351.   font-size: inherit;
  352.   width: 14em;
  353. }
  354. dl.multiselect dd.a, dl.multiselect dd.a .form-item {
  355.   width: 8em;
  356. }
  357. dl.multiselect dt, dl.multiselect dd {
  358.   float: left;
  359.   line-height: 1.75em;
  360.   padding: 0px;
  361.   margin: 0px 1em 0px 0px;
  362. }
  363. dl.multiselect .form-item {
  364.   height: 1.75em;
  365.   margin: 0px;
  366. }
  367. #permissions td.module, #blocks td.region {
  368.   font-weight: bold;
  369. }
  370. #permissions td.permission, #blocks td.block {
  371.   padding-left: 2em;
  372. }
  373. #access-rules .access-type, #access-rules .rule-type {
  374.   margin-right: 1em;
  375.   float: left;
  376. }
  377. #access-rules .access-type .form-item, #access-rules .rule-type .form-item {
  378.   margin-top: 0;
  379. }
  380. #access-rules .mask {
  381.   clear: both;
  382. }
  383. .poll .bar {
  384.   height: 1em;
  385.   margin: 1px 0;
  386.   background-color: #ddd;
  387. }
  388. .poll .bar .foreground {
  389.   background-color: #000;
  390.   height: 1em;
  391.   clear: left;
  392.   float: left;
  393. }
  394. .poll .links {
  395.   text-align: center;
  396. }
  397. .poll .percent {
  398.   text-align: right;
  399. }
  400. .poll .total {
  401.   text-align: center;
  402. }
  403. .poll .vote-form {
  404.   text-align: center;
  405. }
  406. .poll .vote-form .choices {
  407.   text-align: left;
  408.   margin: 0 auto;
  409.   display: table;
  410. }
  411. .profile {
  412.   clear: both;
  413.   margin: 1em 0 1em 0;
  414. }
  415. .profile .picture {
  416.   float: right;
  417.   margin: 0 1em 1em 0;
  418. }
  419. .node-form .poll-form fieldset {
  420.   display: block;
  421. }
  422. img.screenshot {
  423.   border: 1px solid #808080;
  424.   display: block;
  425.   margin: 2px;
  426. }
  427. .search-form {
  428.   margin-bottom: 1em;
  429. }
  430. .search-form p {
  431.   margin-top: 0;
  432.   margin-bottom: 0.2em;
  433.   padding-top: 0;
  434.   padding-bottom: 0;
  435. }
  436. .search-form input {
  437.   margin-top: 0;
  438.   margin-bottom: 0;
  439. }
  440. .search-results p {
  441.   margin-top: 0;
  442. }
  443. .search-results dt {
  444.   font-size: 1.1em;
  445. }
  446. .search-results dd {
  447.   margin-bottom: 1em;
  448. }
  449. .search-results .search-info {
  450.   font-size: 0.85em;
  451. }
  452. .tips table {
  453.   margin-top: 1em;
  454.   margin-bottom: 1em;
  455. }
  456. #tracker td.replies {
  457.   text-align: center;
  458. }
  459. #tracker table {
  460.   width: 100%;
  461. }
  462. .user-login-block {
  463.   text-align: center;
  464. }
  465. .more-help-link {
  466.   font-size: 0.85em;
  467.   text-align: right;
  468. }
  469. tr.watchdog-user {
  470.   background: #ffd;
  471. }
  472. tr.watchdog-user .active {
  473.   background: #eed;
  474. }
  475. tr.watchdog-content {
  476.   background: #ddf;
  477. }
  478. tr.watchdog-content .active {
  479.   background: #cce;
  480. }
  481. tr.watchdog-page-not-found, tr.watchdog-access-denied {
  482.   background: #dfd;
  483. }
  484. tr.watchdog-page-not-found .active, tr.watchdog-access-denied .active {
  485.   background: #cec;
  486. }
  487. tr.watchdog-error {
  488.   background: #ffc9c9;
  489. }
  490. tr.watchdog-error .active {
  491.   background: #eeb9b9;
  492. }
  493. .comment .links .form-item {
  494.   display: inline;
  495.   white-space: nowrap;
  496. }
  497. .comment .links .form-item br {
  498.   display: none;
  499. }
  500. #comment-moderation-button {
  501.   text-align: center;
  502. }
  503.  
  504. /* Tab navigation */
  505. ul.primary {
  506.   border-collapse: collapse;
  507.   padding: 0 0 0 1em;
  508.   white-space: nowrap;
  509.   list-style: none;
  510.   margin: 5px;
  511.   height: auto;
  512.   line-height: normal;
  513.   border-bottom: 1px solid #bbb;
  514. }
  515. ul.primary li {
  516.   display: inline;
  517. }
  518. ul.primary li a {
  519.   background-color: #ddd;
  520.   border-color: #bbb;
  521.   border-width: 1px;
  522.   border-style: solid solid none solid;
  523.   height: auto;
  524.   margin-right: 0.5em;
  525.   padding: 0 1em;
  526.   text-decoration: none;
  527. }
  528. ul.primary li.active a {
  529.   background-color: #fff;
  530.   border: 1px solid #bbb;
  531.   border-bottom: #fff 1px solid;
  532. }
  533. ul.primary li a:hover {
  534.   background-color: #eee;
  535.   border-color: #ccc;
  536.   border-bottom-color: #eee;
  537. }
  538. ul.secondary {
  539.   border-bottom: 1px solid #bbb;
  540.   padding: 0.5em 1em 0.5em 1em;
  541.   margin: 5px;
  542. }
  543. ul.secondary li {
  544.   display: inline;
  545.   padding: 0 1em;
  546.   border-right: 1px solid #ccc;
  547. }
  548. ul.secondary a {
  549.   padding: 0;
  550.   text-decoration: none;
  551. }
  552. ul.secondary a.active {
  553.   border-bottom: 4px solid #999;
  554. }
  555.